<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的数据</title>
    <link rel="stylesheet" href="../../styles/main_table.css">
    <script src="../../libs/jquery.min.js"></script>
    <script src="../../scripts/my_data.js"></script>
    <script src="../../scripts/config.js"></script>
</head>
<body>
    <div id="mydata">
        <div>
            <h1 style="text-align: center">我的数据</h1>
        </div>
        <div class="tab_div">
            <div style="margin: 10px;">
                <div style="display:inline-block;width:370px;">
                    <input type="button" value="添加" class="data_btn" onclick="navGo(true)">
                    <input type="button" value="刷新" class="data_btn" onclick="refreshData()">
                </div>
                <div class="search-bar"  style="display:inline-block;width:370px;">
                    <form action="" class="search">
                        <input id="searchInput" type="search" class="search-input" placeholder="输入数据名称" oninput="searchDataChange()">
                        <input type="button" value="搜索" class="search-btn" onclick="searchData()">
                    </form>
                </div>
            </div>
            <table width="100%" class="table" id="data_table">
                <!--<caption>
                    <h2>我的数据</h2>
                </caption>-->
                <thead>
                <tr>
                    <th>数据名称</th>
                    <th>路径地址</th>
                    <th>数据描述</th>
                    <th style="width:40px;">状态</th>
                    <th style="width:40px;">删除</th>
                </tr>
                </thead>
            </table>
        </div>
    </div>
    <div id="adddata" hidden="true">
        <div>
            <h1 style="text-align: center">添加数据</h1>
            <div style="position: absolute;left:30px; top:30px;">
                <input type="button" value="返回" class="data_btn" onclick="navGo(false)">
            </div>
        </div>
        <div class="tab_div">

            <hr>

                <div style="margin: 10px;height: 70px;">
                    <div style="display:inline-block;float:left">
                        <input type="button" value="返回" class="data_btn" onclick="navGo(false)">
                    </div>
                    <div style="display:inline-block;width:400px;float: right">
                        <label style="float:left;width:300px;">
                        <pre style="margin: 0px;">
1. 下载数据上传工具。
2.  通过上传工具进行数据上传。
3.  数据上传完毕后，填写以下内容。
4.  确认添加。
                        </pre>
                        </label>
                        <input type="button" value="上传工具" class="data_btn" onclick="downTools()">
                    </div>
                </div>
            <hr>

        </div>
    </div>


</body>
</html>